<!-- @format -->

<template>
  <div class="hello">
    <p>范德萨范德萨发国际化2购房贷款后悔更加符合退欧热</p>
    <p>缸发动机公共课和话题又一次</p>

    <div v-if="loading">Loading...</div>
    <img v-if="loaded" :src="result.imgUrl">
  </div>
</template>

<script lang="ts">
import { ref } from "vue";
import useURLAxios from "../hooks/useURLAxios";

export default {
  name: "HelloWorld",
  setup() {
    const {result, loading, loaded, error} = useURLAxios(
      "https://apiblog.jspang.com/default/getGirl"
    );
    return {result, loading, loaded, error};
  },
};
</script>
